/*
 * @Author: Null
 * @Date: 2021-12-30 15:09:19
 * @Description: 自定义的动画样式，我觉得直接采用动画库来实现大部分的动画效果更好
 */


/* 旋转loading */
.s-pull-loading-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid $color-primary;
    border-bottom-color: transparent;
    box-sizing: border-box;

    &:first-child {
        margin-right: 0px;
    }
}

/* 旋转动画 */
.s-pull-loading-rotate {
    animation: s-pull-loading-rotate 0.6s linear infinite;
}

@keyframes s-pull-loading-rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}